---
title: Samplaí
description: Samplaí roimh agus tar éis de Ultracite i bhfeidhm.
---

Chun cumais Ultracite a léiriú, seo cúpla sampla praiticiúil d’fhadhbanna a ghabhann sé agus a cheartíonn sé. Taispeánann gach sampla cód roimh (le fadhb) agus tar éis a chur i bhfeidhm Ultracite. Léiríonn na samplaí seo conas a fheabhsaíonn Ultracite an cód go huathoibríoch.

## Formáidiú Cód Uathoibríoch

### Roimh (formáidiú mearbhall)

```tsx title="page.tsx"
function greet(name) { return 'Hello, '+ name + "!!" }
```

Sa chód seo, tá an spásáil agus stíl an chomhdhlúthaithe as áit. Chomh maith leis sin, tá comhcheangal sreinge á úsáid in ionad liotrálacha teimpléid, agus tá luachanna dúbailte measctha le luachanna aonair.

### Tar éis (formáidithe)

```tsx title="page.tsx"
function greet(name) {
  return `Hello, ${name}!!`;
}
```

Rinne formáidéir Ultracite na nithe seo a leanas:

- D’fhormáid sé an fheidhm le briseadhlíneanna cuí chun inléiteacht.
- D’athraigh sé an comhcheangal sreinge go liotrál teimpléid (d’fhéadfadh seo a bheith ina cheartú uathoibríoch ó riail lint a mholann sreingeanna teimpléid chun inléiteacht a fheabhsú).
- Chaighdeánaithe na luachanna chuig backticks don teimpléad (agus d’úsáidfeadh sé luachanna dúbailte go comhsheasmhach i ndáiríre in áiteanna eile mura mbeadh teimpléad ann).
- Chuir sé seimicolún ag deireadh na ráite `return`.
- D’chinntigh sé spásáil cheart timpeall na lúibíní agus na lúibíní.

Níor athraigh an forbróir an cód de láimh — shábháil siad an comhad agus d’fhreagair Ultracite as. Tá an toradh cód níos glaine, níos comhsheasmhaí.

Rabhairfidh Ultracite fosta go bhfuil `name` gan cineál agus mholfaidh sé cineál a chur leis.

## Ag cur comhionannais dhiana i bhfeidhm

### Roimh (earráid fhéideartha le comhionannas caol)

```tsx title="validate.ts"
let isValid = false;
const response = getResponse();
if (response.status == 200) {
  isValid = true;
}
```

Sa chás seo, tá an cód ag úsáid comhionannais chaoile (`==`) chun `response.status` a chur i gcomparáid le `200`. Is féidir go mbeadh comhionannas caol ina chúis le hearráidí mar gheall ar choiriú cineál (m.sh., d’fhéadfadh `response.status` a bheith ina string `"200"` agus fós pas a fháil). Is dócha go n-iarraidh rialacha docht Ultracite úsáid `===` do chomparáidí.

### Tar éis (cuirfear ceartú uathoibríoch Ultracite i bhfeidhm)

```tsx title="validate.ts"
let isValid = false;
const response = getResponse();
if (response.status === 200) { // [!code highlight]
  isValid = true;
}
```

Chuir Ultracite `== 200` in áit `=== 200` go huathoibríoch. Coscann an athrú beag seo fabhtanna mímhinic. Cuireadh an cheartú i bhfeidhm ar shábháil mar chuid de na gníomhartha `source.fixAll.biome`. Cinntíonn riail mar seo (cosúil le riail `eqeqeq` de chuid ESLint) go n-úsáideann forbróirí seiceáil comhionannais dhiana.

Ina theannta sin, rabhairfidh Ultracite go n-úsáidtear `isValid` riamh agus mholfaidh sé é a bhaint.

## Ag eagrú agus ag glanadh imports

### Roimh (imports neamh-eagraithe)

```tsx title="index.tsx"
import Z from './z-module';
import A from './a-module';
import React from 'react';
import { helper } from './util';

const MyComponent = () => (
  <>
    <Z />
    <A />
  </>
);
```

Tá na imports anseo as ord aibítre, agus ní úsáidtear an import `helper` riamh sa chomhad.

### Tar éis (tar éis sábhála le Ultracite)

```tsx title="index.tsx"
import React from 'react'; // [!code highlight]
import A from './a-module'; // [!code highlight]
import Z from './z-module'; // [!code highlight]
import { helper } from './util'; // [!code --]

const MyComponent = () => (
  <>
    <Z />
    <A />
  </>
);
```

Rinne Ultracite (trí ghné eagrúcháin imports de chuid Biome) na imports a shórtáil go aibítre de réir ainm na modúil. Bainíodh an import `helper` neamhúsáidte go huathoibríoch freisin. Tarlaíonn an difríocht idir roimh agus tar éis láithreach ar shábháil, ag cinntiú go mbíonn do chuid imports i gcónaí glan:

- Níl aon imports neamhúsáidte ag cur isteach ag barr do chomhaid.
- Ordú cinntitheach na n-imports (ionas nach mbíonn meargaí agus difríochtaí ag cruthú mearbhall de bharr ord na n-imports a cuireadh leis ag forbróirí éagsúla).

Cuireann sé seo le cód atá níos éasca a chothabháil, go háirithe i gcomhaid le go leor imports.

## Ceartú Inrochtaineachta

### Roimh

```tsx title="Button.tsx"
<button onClick={submitForm}>
  Open modal
</button>
```

Is é an cineál réamhshocraithe do chnaipe ná `submit`, rud a chuireann an fhoirm i gcóir nuair a chuirtear é laistigh d’eilimint foirm. Is dócha nach é seo an iompar atá uait laistigh d’iarratas React. Rabhairfidh Ultracite faoi seo agus tairgfidh sé ceartú tapa chun an cineál a athrú go `button`.

### Tar éis (ceartú láimhe nó tapa)

```tsx title="Button.tsx"
<button onClick={submitForm} type="button">
  Open modal
</button>
```

Tá an cineál anois `button`, rud a chuireann cosc ar fhoirm thuismitheora féideartha a bheith curtha isteach nuair a chliceálann an cnaipe.

---

Léiríonn na samplaí seo conas a fheabhsaíonn Ultracite cáilíocht an chóid:

- Comhsheasmhacht i bhformáidiú agus stíl gan stró.
- Ceartuithe uathoibríocha do go leor fadhbanna coitianta (ionas nach gcaithfidh tú rudaí triviúla a cheartú de láimh go minic).
- Aithint fhadhbanna fíor (ionas gur féidir leat iad a shocrú go luath sa fhorbairt).

Trí Ultracite a úsáid, ní amháin go maireann do chód glan, ach bíonn sé níos lú fabhtach agus níos inrochtana freisin, buíochas leis an eolas comónta atá códaithe ina rialacha.